<title>我的页面Bootstrap-Tab</title>

<link rel="stylesheet" href="/AdminUI/public/js/table/bootstrap-table.min.css">

<div class="page animation-fade page-index">
    <div class="page-content">

        <table id="table" class="table table-border"></table>


    </div>
</div>

<script src="/AdminUI/public/js/table/bootstrap-table.min.js" charset="utf-8"></script>
<script src="/AdminUI/public/js/table/bootstrap-table-zh-CN.min.js" charset="utf-8"></script>
<script type="text/javascript">
    $(function () {

        var data = [
            { id: 1, name: "矿泉水1", price: "23.0 元" },
            { id: 1, name: "矿泉水2", price: "23.0 元" },
            { id: 1, name: "矿泉水3", price: "23.0 元" }
        ];

        setTimeout(function () {
            $('#table').bootstrapTable({
                columns:
                [{
                    field:
                    'id',
                    title:
                    'ID'
                },
                {
                    field:
                    'name',
                    title:
                    '商品名称'
                },
                {
                    field:
                    'price',
                    title:
                    '价格'
                }],
                pageNumber: 1,
                pageSize: 1,
                pageList: [1, 5, 10, 20],
                sidePagination: "client",
                data: data,
                pagination: true
            });
        }, 0);





    })
</script>
